﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>廉政工作专题</title>
    <link rel="stylesheet" href="css/styles.css" type="text/css" />
    <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
    <!--<script type="text/javascript" src="js/jquery-1.6.1-vsdoc.js"></script>-->
    <script type="text/javascript" src="js/jquery.rotate.gallery.yu-min.js"></script>
    <script type="text/javascript" src="js/pngfixer.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#carousel1").CloudCarousel(
	            {
		            xPos: 125,
		            yPos: 30,
		            autoRotate: "left",
		            xRadius: 80,
		            yRadius: -20,
		            reflHeight: 20,
		            reflGap: 2,
		            speed: 0.15,
	                autoRotateDelay:2500,
		            titleBox: $("#title-text")
	            }
            );
            $(".pngfixer").pngfixer({ shim: 'js/blank.gif' });
        });
	</script>
    <style type="text/css">
        body { background: url(images/lzgz/bg.jpg) left top repeat; }
        #carousel1 img { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }
        #title-text { color: #39342a; }
    </style>
</head>
<body>
    <div id="lzgz_wrapper">
        <div id="lzgz_wrapper_inner">
            <div id="lzgz_header"></div>
            <div id="lzgz_nav"></div>
        </div>
        <div class="lzgz_content_wrapper">
            <div class="lzgz_content">
                <div class="lzgz_content_01">
                    <div class="lzgz_picframe" style="width: 290px;height: 196px; position: relative; top: 20px; left: 50px;">
                        <a href="#"><img src="images/lzgz/sample1.jpg" border="0" /></a>
                    </div>
                    <ul>
                        <li></li>
                    </ul>
                </div>
                <div id="carousel1" style="width: 250px; height: 170px; overflow: scroll;">
                    <!-- All images with class of "cloudcarousel" will be turned into carousel items -->
                    <!-- You can place links around these images -->
                    <a href="#" target="_blank"><img class="cloudcarousel" src="images/lzgz/250_188_1.jpg" alt="Flag 1 Description"
                        title="Flag 1 Title" width="180" height="135" border="0" /></a>
                    <a href="#" target="_blank"><img class="cloudcarousel" src="images/lzgz/250_188_2.jpg" alt="Flag 1 Description"
                        title="Flag 1 Title" width="180" height="135" border="0" /></a>
                    <a href="#" target="_blank"><img class="cloudcarousel" src="images/lzgz/250_188_3.jpg" alt="Flag 1 Description"
                        title="Flag 1 Title" width="180" height="135" border="0" /></a>
                    <a href="#" target="_blank"><img class="cloudcarousel" src="images/lzgz/250_188_4.jpg" alt="Flag 1 Description"
                        title="Flag 1 Title" width="180" height="135" border="0" /></a>
                </div>
                <!-- Define elements to accept the alt and title text from the images. -->
                <div id="title-text" style="width: 250px; text-align: center;"></div>
            </div>
        </div>
    </div>
</body>
</html>
